
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>

<ul class="listado_seleccion" id="espania">


	<s:iterator value="listaciudad">
		<li>
		<div class="radioButton">
                      <input type="radio" id="<s:property value="id" />" name="radio" value="<s:property value="id" />"   class="radiociudad"/>
                      <label for="<s:property value="id" />"><span></span><s:property value="nombre" /></label>
                    </div>
                  </li>
	</s:iterator>
	
</ul>

<!-- Para la busqueda de ciudades -->
	<script type="text/javascript">
	

	
	function cargarCategorias(idCiudad){
		  alert( "Load Ciudades ." );
		$( "#categorias" ).load( "${pageContext.servletContext.contextPath}/liwalo/CategoryResult.action?ciudad="+idCiudad, function() {

		});
	}
	
	$(document).ready(function(){
	
		
		$('.radiociudad').click(function(event){
			alert('ciudades');
			cargarCategorias($('#'+event.target.id).val());
			
		});	
		
    });
	
	
	
	</script>